/* 食物类 

    属性:
        1. 地图 
        2. 创建一个食物元素  
        3. 横坐标
        3. 纵坐标
    
    方法:
        1.改变坐标 
*/

export default class Food{
    constructor(selector){
        this.map = document.querySelector(selector);
        this.x = 0;
        this.y = 0;
        this.food = document.createElement('div'); // 创建元素
        this.food.className = 'food'; // 方便找到实物
        this.map.appendChild(this.food);// 将食物添加到地图上 

        this.changePos();
    }

    // TODO 等下回来写食物位置
    changePos(){
        
        const colNum = this.map.clientWidth / 20;
        const rowNum = this.map.clientHeight / 20;
        

        // 生成随机 第几行  
        const posX = Math.floor(Math.random()*rowNum) * 20;
        // 生成随机 第几列  
        const posY =Math.floor(Math.random()*colNum) * 20;

        this.x = posY;
        this.y = posX;


        this.food.style.left = posY +'px';
        this.food.style.top = posX + 'px';


    }
}